<?
echo "
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />
<script type='text/javascript' src='js/jquery.maskedinput.js'></script>
<script>
var nascimento;
var bd = 'border',bd_default = '1px solid #888',bd_error = '1px solid #FF0000';
$(document).ready(function(){
	var f = $('#formRegistrar').offset(),
		t = $('#tooltip'),
		canOccur = true;
	$.mask.definitions['~']='[0123]';$.mask.definitions['+']='[01]';$.mask.definitions['!']='[12]';$.mask.definitions['#']='[09]';
	$('#txtData').mask('~9/+9/!#99').blur(function(){
		if (canOccur) {
			var i = $(this),
				io = i.offset(),
				df = (i.val()).split('/'),
				anoAtual = (new Date()).getFullYear(),
				dia = df[0],
				mes = df[1],
				ano = df[2];

			if (dia > 31 || mes > 12 || mes == 00 || ano >= anoAtual) {
				i.css(bd,bd_error);
				t.css({'top':io.top-f.top-40,'left':io.left-f.left}).html('<div id=texto>Data inválida, verifique!</div>').show();
				setTimeout(function(){i.focus();},10);
			} else if (i.val() == '') {
				i.css(bd,bd_error);
				t.css({'top':io.top-f.top-40,'left':io.left-f.left}).html('<div id=texto>Este campo é obrigatório!</div>').show();
				setTimeout(function(){i.focus();},10);
			} else {
				t.hide();
				i.css(bd,bd_default);
				nascimento = ano+'-'+mes+'-'+dia;
			}
		}
	});
	
	$('#txtUsuario').blur(function(){
		var i = $(this);
		var io = i.offset();

		if (i.val() != '') {
			$.post('login/validaRegistro.php',{usuario:i.val()},function(exists) {
				if (exists) {
					i.css(bd,bd_error);
					t.css({'top':io.top-f.top-40,'left':io.left-f.left}).html('<div id=texto>Este usuário já existe!</div>').show();
					i.focus();
				} else {
					t.hide();
					i.css(bd,bd_default);
				}
			});
		} else {
			i.css(bd,bd_error);
			t.css({'top':io.top-f.top-40,'left':io.left-f.left}).html('<div id=texto>Este campo é obrigatório!</div>').show();
			setTimeout(function(){i.focus();},10);
		}
	});
	
	$('#txtSenha2').blur(function(e){
		e.preventDefault();
		var i = $('#txtSenha1'), j = $(this);
		var io = i.offset();
		if ((i.val() != j.val()) || (i.val() == '')) {
			canOccur = false;
			i.css(bd,bd_error);j.css(bd,bd_error);
			t.css({'top':io.top-f.top-40,'left':io.left-f.left}).html('<div id=texto>Verifique a senha digitada!</div>').show();
			setTimeout(function(){i.focus();},10);
		} else {
			t.hide();
			i.css(bd,bd_default);
			j.css(bd,bd_default);
			canOccur = true;
		}
	});
	
	$('#txtNome').blur(function(){
		if (canOccur)
		{
			var i = $(this);
			var io = i.offset();
			if (i.val() == '') {
				i.css(bd,bd_error);
				t.css({'top':io.top-f.top-40,'left':io.left-f.left}).html('<div id=texto>Este campo é obrigatório!</div>').show();
				setTimeout(function(){i.focus();},10);
			} else {
				t.hide();
				i.css(bd,bd_default);
			}
		}
	});
	
	$('#txtEmail2').blur(function(e){
		e.preventDefault();
		var i = $('#txtEmail1'), j = $(this);
		var io = i.offset();
		
		var e1 = i.val().indexOf('@'),
			e2 = i.val().indexOf('.'),
			e3 = i.val().length;
		if (i.val() == '' || j.val() == '')
		{
			canOccur = false;
			i.css(bd,bd_error);j.css(bd,bd_error);
			t.css({'top':io.top-f.top-40,'left':io.left-f.left}).html('<div id=texto>Este campo é obrigatório!</div>').show();
			setTimeout(function(){i.focus();},40);
		} else if (!(e1 >= 3 && e2 >= 6 && e3 >= 9)) {
			canOccur = false;
			i.css(bd,bd_error);j.css(bd,bd_error);
			t.css({'top':io.top-f.top-40,'left':io.left-f.left}).html('<div id=texto>Este email não existe!</div>').show();
			setTimeout(function(){i.focus();},40);
		}
		else if ((i.val() != j.val()) || (i.val() == '')) {
			canOccur = false;
			i.css(bd,bd_error);j.css(bd,bd_error);
			t.css({'top':io.top-f.top-40,'left':io.left-f.left}).html('<div id=texto>O email deve ser repetido!</div>').show();
			setTimeout(function(){i.focus();},40);
		} else {
			$.post('login/validaRegistro.php',{email:i.val()},function(exists) {
				if (exists) {
					canOccur = false;
					i.css(bd,bd_error);
					t.css({'top':io.top-f.top-40,'left':io.left-f.left}).html('<div id=texto>E-mail já cadastrado!</div>').show();
					setTimeout(function(){i.focus();},10);
				} else {
					canOccur = true;
					t.hide();
					i.css(bd,bd_default);
					j.css(bd,bd_default);
				}
			});
		}
	});
});
function submitRegInfo() {
	var usuario = $('#txtUsuario').val(),
		senha = $('#txtSenha1').val(),
		nome = $('#txtNome').val(),
		email = $('#txtEmail1').val(),
		cidade = $('#txtCidade').val(),
		uf = $('#estado').val(),
		nasc = nascimento;
		sexo = document.getElementsByName('sexo');
		sexo = (sexo[0].checked)?'1':'2';
		
	if (usuario && senha && email && nasc && nome && cidade && uf) {
		$.post('login/registrardb.php',{usuario:usuario,senha:senha,nome:nome,email:email,cidade:cidade,uf:uf,nasc:nasc,sexo:sexo},function(result){
			if (result)
			{
				$('#formRegistrar').html('<span>Usuario Cadastrado</span>');
			}
			else $('#formRegistrar').html('<span>Problemas</span>');
		});
	}
}

</script>
<style>
#texto {
	margin-left:-8px;
	text-align:center;
	margin-top:5px;
}
input.inputer {
	border:1px solid #888;
	color:#030303;
	font-size:11px;
	padding:2px 1px 2px 1px;
	margin:0;
	vertical-align:middle;
	width:222px;
	opacity:.8;
}
#formRegistrar {
	clear:both;
	margin:0;
	overflow:hidden;
	background: #eeeeee url('images/logobg.png') no-repeat scroll bottom right;
}
#formRegistrar a {
	margin:0;
	padding:0;
	text-decoration:none;
	color:#000;
	font-weight:bold;
	outline:none;
}
#tooltip{
	position:absolute;
	display:none;
	margin:0;
	background:transparent url(images/tooltip.png) no-repeat scroll top left;
	width:174px;
	height:41px;
	z-index:5;
}
</style>
<div id='tooltip'></div>
<img style='float:right; margin:-3px -1px 0px 0px' class='curPointer' id='fecharRegistro' alt='Fechar' title='Fechar' src='images/btnFechar.gif'>
Bem vindo ao DMTV!<br><br>
Para começar, por favor complete o formulário de registro abaixo. Você poderá usar sua nova conta no DMTV imediatamente, mas verifique seu endereço de email para permitir total participação em nosso serviço.
<br><br>
<table style='margin:0; padding:0;'>
		<tr>
			<td align='right'>Usuário:</td>
			<td align='left'><input id='txtUsuario' class='inputer' type='text' name='username'/><label title='Este campo é necessário' style='cursor:pointer;'><font color='#ff0000'> *</font></label></font></label></td>
		</tr>
		<tr>
			<td align='right'>Senha:</td>
			<td align='left'><input id='txtSenha1' class='inputer' type='password'/><label title='Este campo é necessário' style='cursor:pointer;'><font color='#ff0000'> *</font></label></td>
		</tr>
		<tr>
			<td align='right'><font size='1pt'><i>Repetir senha:</i></font></td>
			<td align='left'><input id='txtSenha2' class='inputer' type='password'/><label title='Este campo é necessário' style='cursor:pointer;'><font color='#ff0000'> *</font></label></td>
		</tr>
		<tr>
			<td align='right'>Nome completo:</td>
			<td align='left'><input id='txtNome' class='inputer' type='text' name='name'/><label title='Este campo é necessário' style='cursor:pointer;'><font color='#ff0000'> *</font></label></td>
		</tr>
		<tr>
			<td align='right'>Email:</td>
			<td align='left'><input id='txtEmail1' class='inputer' type='text' name='email'/><label title='Este campo é necessário' style='cursor:pointer;'><font color='#ff0000'> *</font></label></td>
		</tr>
		<tr>
			<td align='right'><font size='1pt'><i>Repetir email:</i></font></td>
			<td align='left'><input id='txtEmail2' class='inputer' type='text'/><label title='Este campo é necessário' style='cursor:pointer;'><font color='#ff0000'> *</font></label></td>
		</tr>
		<tr>
			<td align='right'>Data de nascimento:</td>
			<td align='left'>
				<input class='inputer' style='width:72px;' id='txtData' type='text'/><label title='Este campo é necessário' style='cursor:pointer;'><font color='#ff0000'> *</font></label>
			</td>
		</tr>
		<tr>
			<td align='right'>Sexo:</td>
			<td align='left'><label><input type='radio' name='sexo' checked/> Masculino</label><label><input type='radio' name='sexo'/> Feminino</label></td>
		</tr>
		<tr>
			<td align='right'>Cidade:</td>
			<td align='left'>
				<input class='inputer' style='width:72px;' id='txtCidade' type='text'/><label title='Este campo é necessário' style='cursor:pointer;'><font color='#ff0000'> *</font></label>
			</td>
		</tr>
		<tr>
			<td align='right'>UF:</td>
			<td align='left'><select style='width: 50px;' name='estado' id='estado'><option value=' '> </option>";
require_once('db.php');
$sql = "SELECT * from `opt_estado`";
$result = mysql_query($sql) or die(mysql_error());
echo $result;
while($row = mysql_fetch_object($result))
{
	echo "<option value='$row->uf'>$row->uf</option>";
}
echo "</select></td></tr>";
echo "	<tr>
			<td></td>
			<td><input class='curPointer' id='enviarRegistro' alt='Enviar dados' title='Enviar dados' type='image' src='images/btnRegistrar.gif'>
			</td>
		</tr>
	</table><br>
	<a href='http://www.dm.com.br' target='blank'>Diário da Manhã</a>";
?>